{if $show eq 1}
<SCRIPT src="./js/slidesAds.js" type=text/javascript></SCRIPT>
	<script>
			setW(0.1*window.innerWidth);
			</script>
			
<div id="floating_banner_left" style="text-align:right; position:absolute; overflow:hidden; top: 0px; left: 0px; width: 10%; border: 0px solid #000;{if $data[0].img eq ''}display:none;{/if}">

<div id="floating_banner_left_content">

    			{foreach from=$qc_datal item=qcr}
	 <div id="slider{$qcr.count}_left" style="position: relative;
        height: {$qcr.height};margin-bottom:10px;">
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
            <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
        </div>
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height:  {$qcr.height};
            overflow: hidden;">
			<script>
			$("#slider{$qcr.count}_left").css("width",0.1*window.innerWidth+"px");
			</script>
			{foreach from=$qcr.img key=k item=img}
				{if $img neq ''}
			<div>
                <a u=image href="{$qcr.url[$k]}" target="_blank"><img src="{$img}" /></a>
            </div>
			{/if}
			{/foreach}
        </div>
        
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 50%; left: 8px;">
        </span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 50%; right: 8px">
        </span>
        <script>
            jssor_slider2_starter('slider{$qcr.count}_left');
        </script>
    </div>
	{/foreach}

</div>

</div>



<div id="floating_banner_right" style="text-align:left; position:absolute; overflow:hidden; top: 0px; right: 0px; width: 10%; border: 0px solid #000;{if $data[1].img eq ''}display:none;{/if}">

    <div id="floating_banner_right_content"  >

   
    			{foreach from=$qc_datar item=qcr}
	 <div id="slider{$qcr.count}_right" style="position: relative;
        height: {$qcr.height};margin-bottom:10px;">
        <div u="loading" style="position: absolute; top: 0px; left: 0px;">
            <div style="filter: alpha(opacity=70); opacity:0.7; position: absolute; display: block;
                background-color: #000; top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
            <div style="position: absolute; display: block; background: url(img/loading.gif) no-repeat center center;
                top: 0px; left: 0px;width: 100%;height:100%;">
            </div>
        </div>
        <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height:  {$qcr.height};
            overflow: hidden;">
			<script>
			$("#slider{$qcr.count}_right").css("width",0.1*window.innerWidth+"px");
			</script>
			{foreach from=$qcr.img key=k item=img}
				{if $img neq ''}
			<div>
                <a u=image href="{$qcr.url[$k]}" target="_blank"><img src="{$img}" /></a>
            </div>
			{/if}
			{/foreach}
        </div>
        
        <!-- Arrow Left -->
        <span u="arrowleft" class="jssora05l" style="width: 40px; height: 40px; top: 50%; left: 8px;">
        </span>
        <!-- Arrow Right -->
        <span u="arrowright" class="jssora05r" style="width: 40px; height: 40px; top: 50%; right: 8px">
        </span>
        <script>
            jssor_slider2_starter('slider{$qcr.count}_right');
        </script>
    </div>
	{/foreach}

</div>

</div>
<script>

    runQuery();

</script>

<script>

    pepsi_floating_init();

</script>  
{/if}